<template>
    <div class="layout">
        <Sider :style="{position: 'fixed',background: '#fff', height: '100vh', left: 0, overflow: 'auto'}">
            <Menu active-name="1" theme="light" width="auto" :open-names="['1']" @on-select="rout">
                <Submenu name="1">
                    <template slot="title">
                        <Icon type="paper-airplane"></Icon>
                        Telegram
                    </template>
                    <MenuItem name="allAccount">全部账号</MenuItem>
                    <MenuItem name="regTele">注册电报</MenuItem>
                    <MenuItem name="bacth">批量操作</MenuItem>
                    <MenuItem name="chat">聊天模式</MenuItem>
                </Submenu>
                <MenuItem name="cash" >
                    <Icon type="cash"></Icon>
                    ETH
                </MenuItem>
                <MenuItem name="myAccount">
                    <Icon type="person"></Icon>
                    查看账户
                </MenuItem>
            </Menu>
        </Sider>
        <Layout :style="{height:'99vh', left: 0,top:0,marginLeft: '200px'}">
            <Content :style="{padding: '0 16px 16px', overflow: 'auto', background: '#fff'}">
                     <router-view></router-view>
            </Content>
        </Layout>
    </div>
</template>
<script>
    export default {
       methods: {
           rout (name) {
               this.$router.push(name)
           }
       }
    }
</script>
<style scoped lang="scss">
.layout{
    border: 1px solid #d7dde4;
    background: #f5f7f9;
    position: relative;
    border-radius: 4px;
    overflow: hidden;
}
</style>
